<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title><g:layoutTitle default="SYZYGY Mobile Bar"/></title>
		
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'styles.css')}" type="text/css" 
			  media="screen"/>

		<g:layoutHead/>
    </head>
    
    <body class="body2">
    	<!-- ** Header ** -->
		<div id="header">

			<div id="headerimg">
				<div id="headerimg1" class="headerimg"></div>
				<div id="headerimg2" class="headerimg"></div>
			</div>
			
			<div id="nav-outer">
			<div id="navigation">
			<!-- div id="search">
				<form>
					<input type="text" id="searchtxt" />
					<input type="submit" value="search" id="searchbtn" />
				</form>
			</div -->
			
			<!-- Menu Buttons -->
			<div id="menu">
				<ul>
					<li><a href="index.gsp" class="home">Home<span></span></a></li>
					<li><a href="beverages.gsp" class="beverages">Beverages<span></span></a></li>
					<li><a href="packages.gsp" class="packages">Packages<span></span></a></li>
					<li><a href="contact.gsp" class="contact">Contact<span></span></a></li>
				</ul>
			</div>
			</div>
		</div>
		
		<g:layoutBody/>
		
		<!-- ** Footer ** -->
		<div id="footer">
			<br>	
			<table width=100%>
				<tr>
					<td width="3%"></td>
					
					<td width="40%">
						<p>&nbsp;</p>
						<p><font size="20"><b>What is SYZYGY?</b></font></p>
						<p>&nbsp;</p>
						<p><font size="6">SYZYGY is a Mobile Bar, also known as Beverage Catering. SYZYGY's unique bar set up is its shape. 
						<br>It is the FIRST ROUND MOBILE BAR which is a perfect filler for space and can be placed at the center
						<br>of the event venue. It can also be divided into two semi-circle bars or four mini bars. Up front, the 
						<br>backlit bar is capable of changing its color according to your events color motif.
						</font></p>
					</td>
					
					<td width="25%"></td>
					
					<td>
						<p><font size="6"><b>Like us on:</b></font></p>
							<div id="menu2">
								<ul>
									<li><a href="facebook.html" class="facebook">Facebook</a></li>
									<li><a href="twitter.html" class="twitter">Twitter</a></li>
									<li><a href="google.html" class="google">Google</a></li>
								</ul>	
							</div>					
					</td>
				</tr>
			</table>
		</div>
    </body>
</html>